.stop-anime{
	animation-delay:0.6s;
	-webkit-animation-delay:0.6s; /* Safari 和 Chrome */
}
.anime06{
	transition: all 0.6s;
	-webkit-transition: all 0.6s;	/* Safari 和 Chrome */
}
/* index2 */
.active.index2 .index2-box1{
	-webkit-animation: scaleMaX 1.2s ease;
	-o-animation: scaleMaX 1.2s ease;
	animation: scaleMaX 1.2s ease;
}
.active.index2 .index2-box2 li:nth-child(1){
	-webkit-animation: translateTop 1s ease;
	-o-animation: translateTop 1s ease;
	animation: translateTop 1s ease;
}
.active.index2 .index2-box2 li:nth-child(2){
	-webkit-animation: translateTop 1.4s ease;
	-o-animation: translateTop 1.4s ease;
	animation: translateTop 1.4s ease;
}
.active.index2 .index2-box2 li:nth-child(3){
	-webkit-animation: translateTop 1.8s ease;
	-o-animation: translateTop 1.8s ease;
	animation: translateTop 1.8s ease;
}
.active.index2 .index2-box2 li:nth-child(4){
	-webkit-animation: translateTop 2.2s ease;
	-o-animation: translateTop 2.2s ease;
	animation: translateTop 2.2s ease;
}
.active.index2 .index-footer{
	-webkit-animation: translateTop 1s ease;
	-o-animation: translateTop 1s ease;
	animation: translateTop 1s ease;
}
@keyframes translateTop{
	from{
		opacity: 0.1;
		transform: translate(0,250px);
		-webkit-transform: translate(0,250px);
	}
	to{
		opacity: 1;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}
@-webkit-keyframes translateTop{
	from{
		opacity: 0;
		transform: translate(0,250px);
		-webkit-transform: translate(0,250px);
	}
	to{
		opacity: 1;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}
@keyframes translateDown{
	from{
		opacity: 0.1;
		transform: translate(0,-80px);
		-webkit-transform: translate(0,-80px);
	}
	to{
		opacity: 1;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}
@-webkit-keyframes translateDown{
	from{
		opacity: 0.1;
		transform: translate(0,-80px);
		-webkit-transform: translate(0,-80px);
	}
	to{
		opacity: 1;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
	}
}
@keyframes translateLeft{
	from{
		opacity: 0.3;
		transform: translate(350px);
		-webkit-transform: translate(350px);
	}
	to{
		opacity: 1;
		transform: translate(0);
		-webkit-transform: translate(0);
	}
}
@-webkit-keyframes translateLeft{
	from{
		opacity: 0.3;
		transform: translate(350px);
		-webkit-transform: translate(350px);
	}
	to{
		opacity: 1;
		transform: translate(0);
		-webkit-transform: translate(0);
	}
}
@keyframes scaleMaX{
	from{
		opacity: 0.3;
		transform: scale(2);
		-webkit-transform: scale(2);
	}
	to{
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes scaleMaX{
	from{
		opacity: 0.3;
		transform: scale(2);
		-webkit-transform: scale(2);
	}
	to{
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@keyframes scaleMin{
	from{
		opacity: 0;
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
	}
	to{
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@-webkit-keyframes scaleMin{
	from{
		opacity: 0;
		transform: scale(0.3);
		-webkit-transform: scale(0.3);
	}
	to{
		opacity: 1;
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
@keyframes rotateX{
	from{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
	}
	to{
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
	}
}
@-webkit-keyframes rotateX{
	from{
		transform: rotateY(180deg);
		-webkit-transform: rotateY(180deg);
	}
	to{
		transform: rotateY(360deg);
		-webkit-transform: rotateY(360deg);
	}
}